<div th:fragment="shoukuanxiangqing">
<div id="shoukuanxiangqingModal" style="" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="shoukuanxiangqingLabel" aria-hidden="true" data-keyboard="false">
    <div class="modal-dialog modal-md" style="width:1000px;" id="shoukuanxiangqingModal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="shoukuanxiangqingLabel"></h4>
            </div>
            <div class="modal-body" style="overflow: auto;display: flex;" id="myModalBody">

                <form class="form-horizontal m" style="width: 100%;" >
                    <table class="table table-hover table-primary ">
                        <thead>
                        <tr>
                            <th style="text-align: center; vertical-align: middle;">序号</th>
                            <th style="text-align: center; vertical-align: middle;">收款年月</th>
                            <th style="text-align: center; vertical-align: middle;">收款金额</th>
                            <th style="text-align: center; vertical-align: middle;">发放金额</th>
                            <th style="text-align: center; vertical-align: middle;">剩余金额</th>
                            <th style="text-align: center; vertical-align: middle;">是否使用</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr v-for="(item,index) in shoukuanMonthList"  v-if="shoukuanMonthList.length > 0">
                            <td style="vertical-align: middle; text-align: center;" v-text="index+1"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="item.shoukuannianyue"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="item.shoukuanjine"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="item.fafangjine"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="item.shengyujine"></td>
                            <td :class="item.isuse==1?'green':'red'" style="vertical-align: middle; text-align: center;" v-text="item.isuse==1?'已使用':'未使用'"></td>
                        </tr>
                        <tr v-if="shoukuanMonthList.length == 0">
                            <td style="text-align: center; vertical-align: middle" colspan="6">查无数据</td>
                        </tr>
                        </tbody>
                    </table>
                </form>


            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
</div>
